import { createStyles } from 'antd-style';

export const usePageMainStyles = createStyles(({ css }) => ({
    page: css`
        display: flex;
        justify-content: center;
        flex-direction: column;
        min-height: 100vh;
        min-height: 100dvh;
        align-items: center;
    `,
    content: {
        width: '100%',
        maxWidth: '1600px',
        paddingTop: '32px',
        height: '100%',
        paddingInline: 'var(--content-inline-padding)',
    },
    hide: {
        display: 'none',
    },
}));